$(function() {

	echart_map();
	echart_bottom_1();
	echart_bottom_2();
	echart_right_2_1();
	echart_right_2_2();
	echart_chart_driver_1();
	echart_chart_driver_2();
	echart_chart_driver_3();
	//水质监测部件
	function echart_bottom_1() {
		var dom = document.getElementById("chart_bottom_1");
		var myChart = echarts.init(dom, 'walden');
		var app = {};
		option = null;
		app.title = '指标图表';
		option = {
			textStyle: {
				color: "f9f3f3"
			},
			tooltip: {
				trigger: 'axis',
				axisPointer: { // 坐标轴指示器，坐标轴触发有效
					type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
				},
				formatter: '{b0}: {c0}'
			},
			grid: {
				left: '3%',
				right: '4%',
				bottom: '3%',
				containLabel: false
			},
			xAxis: [{
				type: 'value',
			}],
			yAxis: [{
				type: 'category',
				axisTick: {
					show: false
				},
				data: ['余氯', '浊度', 'PH']
			}],
			series: [{
					name: '水质',
					type: 'bar',
					stack: '总量',
					label: {
						normal: {
							show: false,
						}
					},
					data: [0.3, 0.9, 7],
					itemStyle: {
						color: "#2EFE9A"
					}
				}
				// ,
				//       {
				//           name:'支出',
				//           type:'bar',
				//           stack: '总量',
				//           label: {
				//               normal: {
				//                   show: true,
				//                   position: 'left'
				//               }
				//           },
				//           data:[3, 3,7]
				//       }
			]
		};;
		if (option && typeof option === "object") {
			myChart.setOption(option, true);
		}
	}

	// 本月环比运行时长图表
	function echart_bottom_2() {
		var dom = document.getElementById("chart_bottom_2");
		var myChart = echarts.init(dom, 'walden');
		var app = {};
		option = null;
		app.title = '本月环比运行时长图表';
		option = {
			// color: ['#FF0000', '#00FF00', '#FFff00', '#546570', '#c4ccd3'],	//使用主题配置的颜色
			legend: {
				show: true,
				left: '80px',
				top: '8px'
			},
			tooltip: {},
			dataset: {
				dimensions: ['product', '11月', '12月'],
				source: [{
						product: '1日',
						'11月': 23.3,
						'12月': 23.8
					},
					{
						product: '2日',
						'11月': 22.6,
						'12月': 21.3
					},
					{
						product: '3日',
						'11月': 23.9,
						'12月': 23.3
					},
					{
						product: '4日',
						'11月': 23.9,
						'12月': 24.3
					},
					{
						product: '5日',
						'11月': 20.9,
						'12月': 21.3
					},
					{
						product: '6日',
						'11月': 23.9,
						'12月': 20.3
					},
					{
						product: '7日',
						'11月': 23.9,
						'12月': 15.3
					},
					{
						product: '8日',
						'11月': 24.0,
						'12月': 17.3
					},
					{
						product: '9日',
						'11月': 24.0,
						'12月': 18.4
					},
					{
						product: '10日',
						'11月': 23.9,
						'12月': 15.5
					},
					{
						product: '11日',
						'11月': 24.0,
						'12月': 13.6
					},
					{
						product: '12日',
						'11月': 24.0,
						'12月': 20.7
					},
					{
						product: '13日',
						'11月': 24.0,
						'12月': 20.7
					},
					{
						product: '14日',
						'11月': 23.3,
						'12月': 23.8
					},
					{
						product: '15日',
						'11月': 22.6,
						'12月': 21.3
					},
					{
						product: '16日',
						'11月': 23.9,
						'12月': 23.3
					},
					{
						product: '17日',
						'11月': 23.9,
						'12月': 24.3
					},
					{
						product: '18日',
						'11月': 20.9,
						'12月': 21.3
					},
					{
						product: '19日',
						'11月': 23.9,
						'12月': 20.3
					},
					{
						product: '20日',
						'11月': 23.9,
						'12月': 15.3
					},
					{
						product: '21日',
						'11月': 24.0,
						'12月': 17.3
					},
					{
						product: '22日',
						'11月': 24.0,
						'12月': 18.4
					},
					{
						product: '23日',
						'11月': 23.9,
						'12月': 15.5
					},
					{
						product: '24日',
						'11月': 24.0,
						'12月': 13.6
					},
					{
						product: '25日',
						'11月': 22.0,
						'12月': 20.7
					},
					{
						product: '26日',
						'11月': 24.0,
						'12月': 20.7
					},
					{
						product: '27日',
						'11月': 24.0,
						'12月': 20.7
					},
					{
						product: '28日',
						'11月': 24.0,
						'12月': 20.7
					},
					{
						product: '29日',
						'11月': 23.0,
						'12月': 20.7
					},
					{
						product: '30日',
						'11月': 24.0,
						'12月': 20.7
					},
				]
			},
			xAxis: {
				type: 'category'
			},
			yAxis: {},
			// Declare several bar series, each will be mapped
			// to a column of dataset.source by default.
			series: [{
					type: 'bar'
				},
				{
					type: 'bar'
				},

			]
		};
		if (option && typeof option === "object") {
			myChart.setOption(option, true);
		}
	}

	//报警统计
	function echart_right_2_1() {
		var dom = document.getElementById("chart_right_2_1");
		var myChart = echarts.init(dom, 'walden');
		var app = {};
		option = null;
		app.title = '报警统计';
		option = {
			color: ['#FF0000', '#00FF00', '#FFff00', '#546570', '#c4ccd3'], //使用主题配置的颜色
			tooltip: {
				trigger: 'item',
				formatter: "{a} <br/>{b}: {c} ({d}%)"
			},
			legend: {
				// orient: 'vertical',
				x: 'left',
				bottom: "-2px",
				data: ['未解除', '已解除']
			},
			series: [{
				name: '指标图表',
				type: 'pie',
				radius: ['50%', '70%'],
				avoidLabelOverlap: false,
				label: {
					normal: {
						show: false,
						position: 'center'
					},
					emphasis: {
						show: true,
						textStyle: {
							fontSize: '20',
							fontWeight: 'bold'
						}
					}
				},
				labelLine: {
					normal: {
						show: false
					}
				},
				data: [{
						value: 310,
						name: '未解除'
					},
					{
						value: 1699,
						name: '已解除'
					},
				]
			}]
		};
		if (option && typeof option === "object") {
			myChart.setOption(option, true);
		}
	}

	function echart_right_2_2() {
		var dom = document.getElementById("chart_right_2_2");
		var myChart = echarts.init(dom, 'walden');
		var app = {};
		option = null;
		app.title = '报警统计';
		// Generate data
		var category = [];
		var dottedBase = +new Date();
		dottedBase -= 3600 * 24 * 1000 * 20;
		var lineData = [];
		var barData = [];

		for (var i = 0; i < 20; i++) {
			var date = new Date(dottedBase += 3600 * 24 * 1000);
			category.push([
				date.getFullYear(),
				date.getMonth() + 1,
				date.getDate()
			].join('-'));
			var b = vm.msgCnt[i].msg;
			var d = vm.msgCnt[i].alm;
			barData.push(b)
			lineData.push(d + b);
		}
		option = {
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'shadow'
				}
			},
			legend: {
				data: ['处理数', '报警数'],
				bottom:'2px',
				textStyle: {
					color: '#ccc'
				}
			},
			xAxis: {
				data: category,
				axisLine: {
					lineStyle: {
						color: '#ccc'
					}
				}
			},
			yAxis: {
				splitLine: {
					show: false
				},
				axisLine: {
					lineStyle: {
						color: '#ccc'
					}
				}
			},
			series: [{
				name: 'line',
				type: 'line',
				smooth: true,
				showAllSymbol: true,
				symbol: 'emptyCircle',
				symbolSize: 15,
				data: lineData
			}, {
				name: '报警数',
				type: 'bar',
				barWidth: 10,
				itemStyle: {
					normal: {
						barBorderRadius: 5,
						color: new echarts.graphic.LinearGradient(
							0, 0, 0, 1,
							[{
									offset: 0,
									color: '#14c8d4'
								},
								{
									offset: 1,
									color: '#43eec6'
								}
							]
						)
					}
				},
				data: barData
			}, {
				name: '处理数',
				type: 'bar',
				barGap: '-100%',
				barWidth: 10,
				itemStyle: {
					normal: {
						color: new echarts.graphic.LinearGradient(
							0, 0, 0, 1,
							[{
									offset: 0,
									color: 'rgba(20,200,212,0.5)'
								},
								{
									offset: 0.2,
									color: 'rgba(20,200,212,0.2)'
								},
								{
									offset: 1,
									color: 'rgba(20,200,212,0)'
								}
							]
						)
					}
				},
				z: -12,
				data: lineData
			}, {
				name: 'dotted',
				type: 'pictorialBar',
				symbol: 'rect',
				itemStyle: {
					normal: {
						color: '#0f375f'
					}
				},
				symbolRepeat: true,
				symbolSize: [12, 4],
				symbolMargin: 1,
				z: -10,
				data: lineData
			}]
		};
		if (option && typeof option === "object") {
			myChart.setOption(option, true);
		}
	}
	// echart_map中国地图
	function echart_map() {
		var myChart = echarts.init(document.getElementById('chart_map'));

		function showProvince() {

			var geoCoordMap = {
				'1': [105.4567, 26.9447], //马场南泵站
				'2': [105.4934, 26.9405], //马场南（水厂）
				'3': [105.7239, 27.0592], //黄泥塘理化二级
				'4': [105.6744, 26.9997], //黄泥塘理化4泵站
				'5': [105.7625, 27.0402], //黄泥塘理化5泵站
				'6': [105.7772, 27.0615], //黄泥塘理化6泵站
				'7': [105.5069, 26.9644], //马场北二级泵站
				'8': [105.7423, 26.9641], //黄泥塘营新片区原有二级泵站
				'9': [105.6911, 27.0906], //羊场穿岩片区一级泵站
				'10': [105.6710, 27.0818], //羊场穿岩片区三级泵站
				'11': [105.7245, 27.1533], //六龙镇片区一级泵站（水厂）
				'12': [105.7259, 27.1552], //六龙镇片区二级泵站
				'13': [105.3690, 26.9979], //猫场镇河冲一级泵站（水厂）
				'14': [105.3806, 27.0040], //猫场镇河冲二级泵站
				'15': [105.7615, 27.1034], //黄泥塘安坪等村片区眉井水厂
				'16': [105.7613, 27.4373], //瓢井露布一级泵站（水厂）
				'17': [105.6812, 27.3995], //瓢井达溪两镇一级泵站（水厂）
				'18': [105.6444, 27.3969], //瓢井达溪两镇二级泵站
				'19': [105.6263, 27.2248], //安乐乡安乐片片区一级泵站（水厂）
				'20': [105.8744, 27.4010], //星宿乡片区水楼孔水厂
				'21': [105.8655, 27.3752], //星宿乡片区大水沟水厂
				'22': [105.8507, 27.2937], //三元乡片区一级泵站（水厂）
				'23': [105.6440, 27.4410], //上坝一级泵站
				'24': [105.6261, 27.5029], //石板一级泵站
				'25': [105.6423, 27.5000], //石板二级泵站水厂
				'26': [105.6219, 27.2776], //核桃东关一级泵站水厂
				'27': [105.5900, 27.4353], //八堡一级泵站水厂
				'28': [105.5677, 27.3995], //新开一级泵站
				'29': [105.5634, 27.3831], //新开二级泵站
				'30': [105.4583, 27.0629], //绿塘镇牛场乡片区一级泵站水厂
				'31': [105.7303, 27.5737], //长石镇一级泵站新源水厂
				'32': [105.7390, 27.5018], //长石镇一级泵站罗马水厂
				'33': [105.6766, 27.1262], //羊场镇陇公片区二级泵站水厂
				'34': [105.4125, 27.0325], //鼎新绿塘猫场一级泵站水厂
				'35': [105.4527, 27.0078], //鼎新乡东片区一级泵站水厂
				'36': [105.9988, 27.3552], //雨冲仓上片区一级泵站水厂
				'37': [105.8443, 27.4716], //大山乡片区一级团山水厂
				'38': [105.5472, 27.0824], //对江南片区一级泵站水厂
				'39': [105.5233, 27.0600], //对江南片区二级泵站
				'40': [105.7423, 27.2462], //凤山乡片区一级泵站
				'41': [105.7466, 27.2183], //凤山乡片区二级泵站
				'42': [105.7305, 27.3263] //达溪、雨卷一级泵站聚河水厂
			};
			var data = [{
					id: 1,
					color: 'White',
					name: '一级泵站',
					value: [100, '马场南一级泵站：<br/>设计规模XX t ']
				}, {
					id: 2,
					color: 'red',
					name: '二级泵站',
					value: [100, '马场南二级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 3,
					color: 'red',
					name: '二级泵站',
					value: [100, '黄泥塘理化二级：<br/> 设计规模XX t ']
				},
				{
					id: 4,
					color: 'red',
					name: '4泵站',
					value: [400, '黄泥塘理化4泵站：<br/> 设计规模XX t ']
				}, {
					id: 5,
					color: 'White',
					name: '5泵站',
					value: [100, '黄泥塘理化5泵站：<br/> 设计规模XX t ']
				}, {
					id: 6,
					color: 'White',
					name: '6泵站',
					value: [100, '黄泥塘理化6泵站：<br/> 设计规模XX t ']
				}, {
					id: 7,
					color: 'White',
					name: '二级泵站1',
					value: [100, '马场北二级泵站：<br/> 设计规模XX t ']
				}, {
					id: 8,
					color: 'White',
					name: '二级泵站',
					value: [100,
						'黄泥塘营新片区原有二级泵站：<br/>设计规模XX t'
					]
				}, {
					id: 9,
					color: 'White',
					name: '一级泵站',
					value: [100, '羊场穿岩片区一级泵站：<br/> 设计规模XX t ']
				}, {
					id: 10,
					color: 'White',
					name: '三级泵站',
					value: [100, '羊场穿岩片区三级泵站：<br/> 设计规模XX t ']
				}, {
					id: 11,
					color: 'GoldenRod ',
					name: '一级泵站',
					value: [100, '六龙镇片区一级泵站（水厂）：<br/> 设计规模XX t ']
				}, {
					id: 12,
					color: 'GoldenRod',
					name: '二级泵站',
					value: [100, '六龙镇片区二级泵站：<br/> 设计规模XX t ']
				}, {
					id: 13,
					color: 'GoldenRod',
					name: '河冲一级',
					value: [100, '猫场镇河冲一级泵站（水厂）：<br/> 设计规模XX t ']
				}, {
					id: 14,
					color: 'White',
					name: '河冲二级',
					value: [100,
						'猫场镇河冲二级泵站<br/>设计规模XX t'
					]
				}, {
					id: 15,
					color: 'White',
					name: '眉井水厂',
					value: [100, '黄泥塘安坪等村片区眉井水厂 ']
				}, {
					id: 16,
					color: 'White',
					name: '一级泵站',
					value: [100,
						'瓢井露布一级泵站（水厂）<br/>设计规模XX t'
					]
				}, {
					id: 17,
					color: 'White',
					name: '一级泵站',
					value: [100, '瓢井达溪两镇一级泵站（水厂）：<br/> 设计规模XX t ']
				},
				{
					id: 18,
					color: 'White',
					name: '二级泵站',
					value: [100, '瓢井达溪两镇二级泵站：<br/> 设计规模XX t ']
				}, {
					id: 19,
					color: 'White',
					name: '一级泵站',
					value: [100, '安乐乡安乐片片区一级泵站（水厂）：<br/> 设计规模XX t ']
				}, {
					id: 20,
					color: 'White',
					name: '水楼孔水厂',
					value: [100, '星宿乡片区水楼孔水厂：<br/> 设计规模XX t ']
				}, {
					id: 21,
					color: 'White',
					name: '大水沟水厂',
					value: [100, '星宿乡片区大水沟水厂：<br/> 设计规模XX t ']
				}, {
					id: 22,
					color: 'White',
					name: '一级泵站',
					value: [100, '三元乡片区一级泵站（水厂）：<br/> 设计规模XX t ']
				}, {
					id: 23,
					color: 'White',
					name: '上坝一级泵站',
					value: [100, '上坝一级泵站：<br/> 设计规模XX t ']
				}, {
					id: 24,
					color: 'White',
					name: '石板一级泵站',
					value: [100, '石板一级泵站<br/>设计规模XX t']
				}, {
					id: 25,
					color: 'White',
					name: '石板二级泵站',
					value: [100, '石板二级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 26,
					color: 'White',
					name: '一级泵站',
					value: [100, '核桃东关一级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 27,
					color: 'White',
					name: '八一一级泵站',
					value: [100, '八堡一级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 28,
					color: 'White',
					name: '一级泵站',
					value: [100, '新开一级泵站：<br/> 设计规模XX t ']
				}, {
					id: 29,
					color: 'White',
					name: '二级泵站',
					value: [100, '新开二级泵站：<br/> 设计规模XX t ']
				}, {
					id: 30,
					color: 'White',
					name: '一级泵',
					value: [100, '绿塘镇牛场乡片区一级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 31,
					color: 'White',
					name: '新源水厂',
					value: [100, '长石镇一级泵站新源水厂：<br/>设计规模XX t']
				}, {
					id: 32,
					color: 'White',
					name: '罗马水厂',
					value: [100, '长石镇一级泵站罗马水厂<br/>设计规模XX t<br/>']
				}, {
					id: 33,
					color: 'White',
					name: '二级泵站',
					value: [100, '羊场镇陇公片区二级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 34,
					color: 'White',
					name: '一级泵站',
					value: [100, '鼎新绿塘猫场一级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 35,
					color: 'White',
					name: '一级泵站',
					value: [100, '鼎新乡东片区一级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 36,
					color: 'White',
					name: '一级泵站',
					value: [100, '雨冲仓上片区一级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 37,
					color: 'White',
					name: '团山水厂',
					value: [100, '大山乡片区一级团山水厂：<br/> 设计规模XX t ']
				}, {
					id: 38,
					color: 'White',
					name: '一级泵站',
					value: [100, '对江南片区一级泵站水厂：<br/> 设计规模XX t ']
				}, {
					id: 39,
					color: 'White',
					name: '二级泵站',
					value: [100, '对江南片区二级泵站：<br/> 设计规模XX t ']
				}, {
					id: 40,
					color: 'White',
					name: '一级泵站',
					value: [100, '凤山乡片区一级泵站：<br/> 设计规模XX t ']
				}, {
					id: 41,
					color: 'White',
					name: '二级泵站',
					value: [100, '凤山乡片区二级泵站：<br/> 设计规模XX t ']
				}, {
					id: 42,
					color: 'White',
					name: '聚河水厂',
					value: [100, '达溪、雨卷一级泵站聚河水厂：<br/> 设计规模XX t ']
				}
			];
			var max = 480,
				min = 9;
			var maxSize4Pin = 50,
				minSize4Pin = 20;
			var convertData = function(data) {
				var res = [];
				for (var i = 0; i < data.length; i++) {
					var geoCoord = geoCoordMap[data[i].id];

					if (geoCoord) {
						res.push({
							name: data[i].name,
							value: geoCoord.concat(data[i].value),
							color: data[i].color,
						});
					}
				}
				return res;
			};

			myChart.setOption(option = {
				tooltip: {
					trigger: 'item',
					formatter: function loadData(result) {
						return result.name + '<br />' + result.value[3];
					}
				},
				geo: {
					zoom: 1.3,
					show: true,
					map: '大方',
					mapType: '大方',
					label: {
						normal: {
							fontSize: 12,
							show: true,
							textStyle: {
								color: "#4bf316"
							}
						},
						emphasis: {
							show: true,
							textStyle: {
								color: '#fff'
							}
						},
					},
					roam: true,
					itemStyle: {
						normal: {
							borderColor: 'rgba(147, 235, 248, 1)',
							borderWidth: 1,
							areaColor: {
								type: 'radial',
								x: 0.5,
								y: 0.5,
								r: 0.8,
								colorStops: [{
									offset: 0,
									color: 'rgba(175,238,238, 0)' // 0% 处的颜色
								}, {
									offset: 1,
									color: 'rgba(   47,79,79, .2)' // 100% 处的颜色
								}],
								globalCoord: false // 缺省为 false
							},
							shadowColor: 'rgba(128, 217, 248, 1)',
							shadowOffsetX: -2,
							shadowOffsetY: 2,
							shadowBlur: 10
						},
						emphasis: {
							areaColor: '#389BB7',
							borderWidth: 0
						}
					}
				},
				series: [{
						name: '供水设备分布点',
						type: 'scatter',
						coordinateSystem: 'geo',
						symbol: 'pin',
						symbolSize: function(val) {
							var a = (maxSize4Pin - minSize4Pin) / (max - min);
							var b = minSize4Pin - a * min;
							b = maxSize4Pin - a * max;
							return a * val[2] + 1.2 * b;
						},
						label: {
							normal: {
								position: 'bottom',
								distance: 10,
								formatter: '{b}',
								show: true,
								textStyle: {
									color: '#fff',
									fontSize: 10,
								}
							}
						},
						itemStyle: {
							normal: {
								// color: 'White', //标志颜色
								color: function(val) {
									console.log(val.data.color);
									return val.data.color;
								},
							}
						},
						zlevel: 6,
						data: convertData(data),
					},
					//涟漪特效
					{
						type: 'effectScatter',
						coordinateSystem: 'geo',
						data: convertData(data.sort(function(a, b) {
							return b.value - a.value;
						}).slice(0, 47)),
						symbolSize: function(val) {
							return val[2] / 10;
						},
						showEffectOn: 'render',
						rippleEffect: {
							brushType: 'stroke'
						},
						hoverAnimation: true,
						itemStyle: {
							normal: {
								color: '#05C3F9',
								shadowBlur: 10,
								shadowColor: '#05C3F9'
							}
						},
						zlevel: 1
					},

				]
			});
		}
		showProvince();
		window.addEventListener("resize", function() {
			myChart.resize();
		});
	}

	//echart_3货物周转量
	function echart_3() {
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('chart_3'));

	}

	//湖南省飞机场
	function echart_5() {
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('chart_5'));
	}

	//设备状态
	function echart_chart_driver_1() {
		var dom = document.getElementById("chart_driver_1");
		var myChart = echarts.init(dom, 'walden');
		var app = {};
		option = null;
		app.title = '设备状态';
		option = {
			title: {
				text: '投用数量统计',
				x: 'center',
				textStyle: {
					fontSize: '10px'
				}
			},
			// color: ['#FF0000', '#00FF00', '#FFff00', '#546570', '#c4ccd3'],	//使用主题配置的颜色
			tooltip: {
				trigger: 'item',
				formatter: "{a} <br/>{b}: {c} ({d}%)"
			},
			legend: {

				bottom: "-2px",
				data: ['启用', '停用']
			},
			series: [{
				name: '启用比例',
				type: 'pie',
				radius: ['40%', '70%'],
				avoidLabelOverlap: false,
				label: {
					normal: {
						show: false,
						position: 'center'
					},
					emphasis: {
						show: true,
						textStyle: {
							fontSize: '20',
							fontWeight: 'bold'
						}
					}
				},
				labelLine: {
					normal: {
						show: false
					}
				},
				data: [{
						value: 80,
						name: '启用'
					},
					{
						value: 10,
						name: '停用'
					},
				]
			}]
		};
		if (option && typeof option === "object") {
			myChart.setOption(option, true);
		}
	}

	function echart_chart_driver_2() {
		var dom = document.getElementById("chart_driver_2");
		var myChart = echarts.init(dom, 'walden');
		var app = {};
		option = null;
		app.title = '设备利用率';
		option = {
			title: {
				text: '设备利用率',
				x: 'center',
				textStyle: {
					fontSize: '10px'
				}
			},
			series: [{
				type: 'liquidFill',
				radius: '75%',
				center: ['50%', '55%'],
				data: [0.82],
				color: 'rgba(67,209,100,1)',
				label: {
					normal: {
						color: '#fff',
						insideColor: 'transparent',
						textStyle: {
							fontSize: 10,
							fontWeight: 'bold',
							fontFamily: 'Microsoft YaHei'
						}
					}
				},
				outline: {
					show: true,
					borderDistance: 5,
					itemStyle: {
						borderColor: 'rgba(67,209,100,1)',
						borderWidth: 2
					}
				},
				backgroundStyle: {
					color: 'rgba(67,209,100,.3)'
				}
			}]


		};
		if (option && typeof option === "object") {
			myChart.setOption(option, true);
		}
	}

	function echart_chart_driver_3() {
		var dom = document.getElementById("chart_driver_3");
		var myChart = echarts.init(dom, 'walden');
		var app = {};
		option = null;
		app.title = '设备故障率';
		option = {
			title: {
				text: '设备故障率',
				x: 'center',
				textStyle: {
					fontSize: '10px'
				}
			},
			series: [{
				type: 'liquidFill',
				radius: '75%',
				center: ['50%', '55%'],
				data: [0.15],
				color: 'rgba(255,25,0,1)',
				label: {
					normal: {
						color: '#fff',
						insideColor: 'transparent',
						textStyle: {
							fontSize: 10,
							fontWeight: 'bold',
							fontFamily: 'Microsoft YaHei'
						}
					}
				},
				outline: {
					show: true,
					borderDistance: 5,
					itemStyle: {
						borderColor: 'rgba(67,209,100,1)',
						borderWidth: 3
					}
				},
				backgroundStyle: {
					color: 'rgba(67,209,100,.3)'
				}
			}]


		};
		if (option && typeof option === "object") {
			myChart.setOption(option, true);
		}
	}
	//点击跳转
	// $('#chart_map').click(function(){
	//     window.location.href = './page/index.html';
	// });
	// $('.t_btn2').click(function(){
	//     window.location.href = "./page/index.html?id=2";
	// });
	// $('.t_btn3').click(function(){
	//     window.location.href = "./page/index.html?id=3";
	// });
	// $('.t_btn4').click(function(){
	//     window.location.href = "./page/index.html?id=4";
	// });
	// $('.t_btn5').click(function(){
	//     window.location.href = "./page/index.html?id=5";
	// });
	// $('.t_btn6').click(function(){
	//     window.location.href = "./page/index.html?id=6";
	// });
	// $('.t_btn7').click(function(){
	//     window.location.href = "./page/index.html?id=7";
	// });
	// $('.t_btn8').click(function(){
	//     window.location.href = "./page/index.html?id=8";
	// });
	// $('.t_btn9').click(function(){
	//     window.location.href = "./page/index.html?id=9";
	// });
});
